<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>login</title>
</head>
<BODY background="images/bg.jpg">
    <table border="0px" style="width:100%;">
        <tr style="height:200px">
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td colspan="3">
                <div style="text-align:center;">
                    <h1 style="color:rgb(239, 243, 243);font-size:48px;">用 户 登 陆</h1>
                </div>
            </td>

        </tr>
        <tr>
            <td></td>
            <td>
                <div>
                    <form action="/Backstage/login" method="get">
                    <table style="width:100%;" cellspacing="0" cellpadding="0" border="0px">
                        <tr style="height:55px">
                            <td style="color:aliceblue;">

                                <div style="text-align:center;height: 46px;width: 300px;padding: 0 5px;margin-bottom: 0px;border-radius: 100px;
                                position: relative;border: rgba(255,255,255,0.2) 2px solid !important;margin-left: 42%;">
                                    <span style="position: absolute;margin: 5px -128px;font-size:23px">姓名:</span>
                                    <span style="width: 25px;height: 25px;background: url(images/login_ico.png);
                                   background-position:  -125px 0;position: absolute;margin: 10px -50px;"></span>

                                    <input type="text" name="username" id="stuname" style="color: rgb(248, 242, 242);height: 40px;width:180px;background-color:transparent;border:none;outline:none;">
                                </div>
                            </td>
                        </tr>
                        <tr style="height:55px">
                            <td style="color:aliceblue;">
                                <div style="text-align:center;height: 46px;width: 300px;padding: 0 5px;margin-bottom: 0px;border-radius: 50px;
                                position: relative;border: rgba(255,255,255,0.2) 2px solid !important;margin-left: 42%;">

                                    <span style="position: absolute;margin: 5px -128px;font-size:23px">密码:</span>
                                    <span style="width: 25px;height: 25px;background: url(images/login_ico.png);
                                    background-position:  -85px -156px;position: absolute;margin: 10px -50px;"></span>

                                    <input type="password" name="password" id="stupass" style="color: rgb(248, 242, 242);height: 40px;width:180px;background-color:transparent;border:none;outline:none;">
                                </div>
                            </td>
                        </tr>
                        <tr style="width:100px;height:100px">
                            <td colspan="3">
                                <div style="text-align:center;">
                                    <span style="font-size:35px;color:#edf3ef">———没有账号？———</span>
                                </div>

                            </td>
                        </tr>
                        <tr style="height:55px">
                            <td>
                                <div style="text-align:center;">
                                    <div>
                                        <input type="submit" id="login" onclick="login();" value="点击登陆" style="color: #FFFFFF;width: 200px;height:50px;border:none;outline:none;
                                        line-height: 20px;
                                        text-align: center;
                                        font-size: 20px;
                                        border-radius: 50px;
                                        background: #009933;
                                        " >
                                        <!-- onclick="addstudent(); -->
                                        <input type="button" id="sigin" onclick="goSigin();" value="点击注册" style="color: #FFFFFF;width: 200px;height:50px;border:none;outline:none;
                                        line-height: 20px;
                                        text-align: center;
                                        font-size: 20px;
                                        border-radius: 50px;
                                        background: #009933;
                                        " onclick="addstudent();">
                                        <!-- #0099CC -->
                                        <!-- #009933 -->
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </form>
                </div>
            </td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>

    <script>
        function login(){
            var stuname = document.getElementById("stuname");
            var stupass = document.getElementById("stupass");
            if(stuname.value!=""&&stupass.value!=""){
                alert("用户名:"+stuname.value+"密码:"+stupass.value);
            }else if(stuname.value ==""){
                alert("用户名不能为空");
            }else if(stupass.value ==""){
                alert("密码不能为空");
            }
        }
        function goSigin(){
            window.location.href = "sigin.html"
        }
    </script>
</BODY>
</html>